/*
	Theme created by ronka
	August-September 2010
	ThemeForest.net/user/r0nka for updates and more works
	
	Colors:
	Blue 00aeff
	Gray 303030
	Text Color 515151
	Backgcolor eaeaea
*/

/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }

/* End Reset */

/* Main */
center a{
display:none;
}

iframe {
    display: none;   
}

#sm_frm1
{
    display: none;   
}
@font-face {
	font-family: 'Calibri';
	src: url('fonts/calibri-webfont.eot');
	src: local('?'), url('fonts/calibri-webfont.woff') format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url(fonts/index.htm'calibri-webfont.svg#webfontLkZrlAY6') format('svg');
	font-weight: normal;
	font-style: normal;

	font-family: 'Rockwell';
	src: url('fonts/rock-webfont.eot');
	src: local('?'), url('fonts/rock-webfont.woff') format('woff'), url('fonts/rock-webfont.ttf') format('truetype'), url(fonts/index.htm'rock-webfont.svg#webfontQtdtNMHI') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-image: url(images/backg_slice2.jpg);
	background-repeat: repeat-x;
	background-color: #eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#container {
	margin-bottom: 50px; 
	width: 940px;
	margin:0 auto;
	background-image: url(images/backg2.jpg);
	background-repeat: no-repeat;
}

#main { color: #515151; line-height: 22px; }
#main a { color: #00aeff; text-decoration:none;}
#main a:hover { color: #0CF; }

h1,h2,h3,h4,h5,h6 {
	color: #303030;
	font-family: 'Rockwell' ,Arial, sans-serif;
}

h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
	

/* Header */

#header { padding-top: 39px; }

#nav { float:right; margin-top: 6px; margin-right: 6px; line-height: 23px;}

#logo { background:url(images/logo.png) no-repeat; height:37px; width:316px; display:block; text-indent:-9999px; float:left;  }

#nav ul {
	list-style:none;
	font-family: 'Calibri', Arial, sans-serif;
	font-weight: bold;
}

#nav li {
	display: inline;
	text-transform: uppercase;
	padding-left: 20px;
}

#nav a { 
	text-decoration: none; color:#000;
}

#nav a:hover { color:#666 }
#nav a:visited { color:#000 }
#nav #currect a { color:#FFF; background-color: #00aeff; padding: 3px 7px 3px 7px; }

#headline {
	margin-top:65px;
	background: url(images/headerline.jpg) no-repeat #303030;
	height:100px;
}

#headline h1 { color:#FFF; padding-top: 21px; }
#headline p { color:#bbbbbb; padding-top: 7px; }

/* Main */

#main { margin-top:20px; text-shadow: 1px 1px 1px white;}
#main p { margin-bottom:10px;}
#main h2 {margin-bottom: 5px;}

#mainarea { width:700px; float:left; margin-bottom: 20px;min-height: 350px; }
#mainarea img { float:left; margin: 5px 5px 5px 0px; border: 3px solid #e2e2e2; }

#side { float:right; width:220px; }
#side p { padding-left: 5px; }
#side div {margin-bottom: 15px; }
#side span {font-weight:bold;}
#side ul{ padding-top:7px;}

#sidenav a {color: #515151;}
#sidenav a:hover { padding-left: 5px; color: #252525;}

#sidenav li { border-bottom: solid #cecece 1px; padding: 1px 5px; }
#sidenav li:first-child { border-top: solid #cecece 1px; }
#sidenav li:hover { background-color: #f5f5f5; }

.threequarters img, .onequarter img, .full img { border: 3px solid #e2e2e2; }
.threequarters {width:700px; float:left;}
.onequarter { width: 220px; float: right;}
.onequarter { margin-bottom: 30px; }

/*Portfolio*/

#col1 ,#col2 ,#col3 {
	margin-right: 20px;
	width: 300px;
	float: left;
	margin-bottom: 20px;
}

#col3 { margin-right:0px; }

#col1 h2 ,#col2 h2 ,#col3 h2 { float:left;}
#col1 img ,#col2 img ,#col3 img { border: 3px solid #e2e2e2; margin-top: 13px;}

/*.fancyimage { opacity:0.6; filter: alpha(opacity=60); }
.fancyimage:hover { opacity:1; filter: alpha(opacity=100); }*/

.titleimage { font-weight:bold; }

/*Blog*/

.post { padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
.postdetail { font-size:12px; color:#000; }

#main .postdetail p { margin: 2px; padding: auto;}
#main .postdetail a { color:#000; }
#main .postdetail a:hover  { color:#666; }

.postdetail .user { background:url(images/user_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .date { background:url(images/calendar_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .tags { background:url(images/right_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .comments { background:url(images/bubble_16.png) no-repeat; padding:0px 10px 4px 22px; }

#search-box {
	height: 26px;
	padding-left: 5px;
	width: 193px;
	display: block;
	background: url(images/search_bg.jpg) no-repeat left top;
	border :none;
	padding-top: 1px;
	font-size: 12px;
	line-height: 26px;
	color: #6e6e6e;
	margin-bottom: 10px;
}
	
#search-submit {
	height:26px;
	width:26px;
	background:url(images/search_submit.jpg) no-repeat right top;
	border:none;
	cursor: pointer;
	float:right;
	margin-right: 1px;
	margin-top: -38px;
}

#pagenav { margin-left: 200px;}

/*Contact*/

#form p {
	margin-bottom:0px;
}

#text_area {
	height: 135px;
	width: 630px;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}

.bar {
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	width: 200px;
}

#send_button {
	margin-left: 182px;
	border: none;
	width: 182px;
	height: 45px;
	background-image: url(images/send.jpg);
	cursor: pointer;
}

#side {
	margin-bottom:20px;
}
/* Footer */

#footer {
	margin-top:50px;
	background: url(images/backg_slice_footer.jpg) repeat-x;
	clear: both;
	color:#FFF;
	font-family: 'Calibri', Arial, sans-serif;
	font-size: 14px;
}

#footer h2 { padding-top: 30px; padding-bottom: 10px; color:#FFF; }
#footer img { margin-bottom: 5px; }
#infooter p { line-height: 22px; }

#infooter {
	width: 940px;
	margin: 0 auto;
	background: url(images/backg_footer.jpg) no-repeat ;
	background-position: center;
	height: 197px;
}

#blog_post, #archives {
	margin-right:20px;
	width: 220px;
	float:left;
}

#blog_post .more { color: #00aeff; text-decoration:none; }
#blog_post .more:hover { color: #0CF;}
#blog_post span { color: #999; }

#archives a { color:#FFF; text-decoration:none; padding-left: 5px; }
#archives a:hover { color:#CCC; }

#rights span { color: #00aeff; }
#social { margin-top:-10px; width: 460px; float:right; }
#social img {margin-right:3px;}

#footer_line{
	height: 45px;
	width: 940px;
	margin: 0 auto;
	background: url(images/back_footer2.jpg) no-repeat ;
	background-position: center;
}

#footer_line a { color: #FFF; text-decoration:none }
#footer_line a:hover { color: #CCC; }
#footer_line span {color: #00aeff; }

#footer_line p {
	padding-top:16px;
	float:left;
}

#nav_footer {
	float:right;
	padding-top:16px;
}

#nav_footer a {
	padding-left: 15px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#nav_footer a:hover { color: #CCC; }

#nav_footer li { display: inline; }

table.pretty {
  margin: 1em 1em 1em 2em;
  background: whitesmoke;
  border-collapse: collapse;
}
table.pretty th, table.pretty td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.pretty th {
  background: gainsboro;
  text-align: left;
}
table.pretty caption {
  margin-left: inherit;
  margin-right: inherit;
}



/* BUTTON */
.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }


/*Error CSS*/

.info, .success, .warning, .error, .validation, .field-validation-valid, .field-validation-error {    
    margin: 10px 0px;
    padding:20px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: Red;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}